@charset "utf-8";
@import "reset";
@import "common";
.web {
    section {
//      padding-top: r(98px);
//      padding-bottom: r(135px);
        position: absolute;
        left: 0;
        width: 100%;
        top: r(98px);
        bottom: r(135px);
        overflow-y: auto;
    }
    .search_web{
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        z-index: 1;
        background-color: #87ceeb;
        transition:  left .3s;
//      transform: translateX(100%);
    }
    #search_web_control{
        display: none;
        &:checked+.search_web{
            left: 0%;
        }
    }
    .kv{
//      position: relative;
        width: 100%;
        height: r(356px);
        img{
            width: 100%;
        }
    }
    .kv_bottom{
        width: 100%;
        height: r(104px);
        margin: 0 auto;
        background-color: #733f13;
        position: absolute;
        top: r(255px);
        left: 0;
        p{
            font-size: r(36px);
        }
    }
    
    
    
}
